import PropTypes from 'prop-types';
import React from 'react';
import Svg, { Defs, Path, RadialGradient, Stop } from 'react-native-svg';

const EmojiFoodIcon = ({ color, ...props }) => (
  <Svg height="30" viewBox="0 0 30 30" width="30" {...props}>
    <Defs>
      <RadialGradient
        cx="100%"
        cy="49.9814195%"
        fx="100%"
        fy="49.9814195%"
        id="rainbow"
        r="108.068849%"
      >
        <Stop offset="0%" stopColor="#FFB114" />
        <Stop offset="63.5417%" stopColor="#FF54BB" />
        <Stop offset="100%" stopColor="#00F0FF" />
      </RadialGradient>
    </Defs>
    <Path
      d="M22.7166667,16.1540292 C22.7320288,16.331882 22.1606241,16.536763 22.1606241,16.536763 L23.25,17.1670892 C23.25,17.1670892 23.0960447,17.353284 22.7857963,17.522461 C23.1768629,17.8321183 23.2363077,18.1758113 23.2363077,18.5371894 C23.2363077,18.9819881 23.0649864,19.3680587 22.4885723,19.7291031 C22.7751096,19.9897091 23.0573054,20.9507146 23.0573054,21.247692 C23.0573054,21.7555567 21.6099249,22.2444015 21.2766333,22.2444015 C20.9423398,22.2444015 18.2589752,22.2480721 16.4345544,22.2480721 C15.6233667,22.2480721 14.8515863,22.2524099 14.1372469,22.2480721 L8.53140263,22.2330563 L7.25,9.89815038 L13.1196723,9.89815038 L13.9375391,6.60904233 L13.9392089,6.60904233 C13.9916406,6.40316025 14.1766541,6.25 14.3987372,6.25 C14.441818,6.25 14.482895,6.25800838 14.5223022,6.26835254 L14.5233041,6.26668412 L14.5824149,6.28703875 C14.5834168,6.28737244 14.5837508,6.28737244 14.5844187,6.2880398 L17.8261636,7.39486453 L17.5189209,8.29413877 L14.7350344,7.34314375 L14.0995095,9.89815038 L15.5993216,9.89815038 L15.3030996,12.9363292 C15.6918284,12.9163083 16.0905761,12.9052967 16.4990086,12.9052967 C20.0880714,12.9052967 23.010551,13.6630896 23.010551,15.4519613 C23.010551,15.7856438 22.8308808,15.7976563 22.6431956,16.1003063 C22.6679086,16.1166568 22.714329,16.1229967 22.7166667,16.1540292 L22.7166667,16.1540292 Z M11.40646,20.9850839 C11.744761,21.3194338 12.5278961,21.247692 12.5278961,21.247692 L16.2535483,21.247692 L20.9293154,21.247692 C20.9293154,21.247692 21.3240555,21.2446889 21.6279587,20.9443747 C22.0637758,20.5135906 21.5284387,19.9042864 20.9864225,19.9042864 C19.9194218,19.9042864 13.1817888,19.8956107 11.9458046,19.8956107 C11.3924337,19.8956107 11.068159,20.6500667 11.40646,20.9850839 L11.40646,20.9850839 Z M16.528731,19.2035533 L22.450167,17.2435025 L10.8487477,17.2435025 L16.528731,19.2035533 Z M8.29930077,10.8991978 L9.32989981,21.247692 L9.93670424,21.247692 C9.92868921,20.9507146 10.2823523,20.0210753 10.5682217,19.7604693 C9.99180756,19.3997585 9.72297015,19.0760866 9.72297015,18.6309541 C9.72297015,18.2492214 9.82616364,17.7320136 10.2589752,17.4093426 C9.72029848,17.2241489 9.63079733,16.8447519 9.97644542,16.7429788 C10.359497,16.629193 10.4025777,16.8914675 10.6300042,16.5991616 C10.1868399,16.1610365 9.93670424,15.9761765 9.93670424,15.4519613 C9.93670424,14.0351456 11.8048737,13.2676759 14.3630035,13.0087383 L14.5971092,10.8991978 L8.29930077,10.8991978 Z M16.4986746,13.874978 C14.5647151,13.874978 10.8490816,14.3017579 10.9192131,15.4693128 C10.9405865,15.8223488 12.2460342,16.2421214 12.2460342,16.2421214 L16.519714,16.2421214 L20.7620017,16.2421214 C20.7620017,16.2421214 22.0514193,15.7839754 22.0604362,15.4693128 C22.0948341,14.3007568 18.3715195,13.874978 16.4986746,13.874978 L16.4986746,13.874978 Z M7.25,9.89815038 C7.26302442,10.0466391 7.25,9.92617971 7.25,9.89815038 L7.25,9.89815038 Z"
      fill={color ? color : 'url(#rainbow)'}
      fillRule="nonzero"
    />
  </Svg>
);

EmojiFoodIcon.propTypes = {
  color: PropTypes.string,
};

EmojiFoodIcon.defaultProps = {
  color: null,
};

export default EmojiFoodIcon;
